<template>
  <svg
    t="1753275100166"
    class="location-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="2310"
    :width="size"
    :height="size"
  >
    <path
      d="M512 97.52381c175.055238 0 316.952381 140.312381 316.952381 313.392761 0 3.657143-0.073143 7.314286-0.219429 11.044572-3.900952 103.570286-61.805714 220.038095-156.842666 338.139428a1352.289524 1352.289524 0 0 1-148.382476 156.306286L512 926.47619l-11.50781-10.069333-13.824-12.531809a1352.289524 1352.289524 0 0 1-134.582857-143.774477c-95.012571-118.101333-152.917333-234.569143-156.818285-338.163809A292.08381 292.08381 0 0 1 195.047619 410.940952c0-170.715429 138.044952-309.540571 309.784381-313.295238L512 97.52381z m0 149.699047c-87.527619 0-158.47619 72.216381-158.47619 161.255619 0 89.039238 70.948571 161.231238 158.47619 161.231238s158.47619-72.167619 158.47619-161.231238c0-89.039238-70.948571-161.231238-158.47619-161.231238z m0 69.12c50.005333 0 90.550857 41.252571 90.550857 92.135619 0 50.883048-40.545524 92.135619-90.550857 92.135619s-90.550857-41.252571-90.550857-92.135619c0-50.883048 40.545524-92.135619 90.550857-92.135619z"
      p-id="2311"
      :fill="color"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "LocationIcon",
    props: {
      size: {
        type: [Number, String],
        default: 24,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .location-icon {
    display: inline-block;
    padding-top: 4px;
  }
</style>
